草庐IT

jQuery UI 部件库(Widget Factory)

全部标签

javascript - 如何使用 OAuth 2.0 实现 Web 小部件

我想创建一个Web小部件来显示来自我的站点的信息。该小部件将使用JavaScript包含在客户网站的HTML中,并且只能用于我的客户——在我的网站上注册的网站。小部件中的信息应特定于当前访问客户站点的用户。因此,我需要对客户端(网站所有者)和资源所有者(网站访问者)进行身份验证。这似乎很好地映射到OAuth2.0,但我找不到此类实现的完整示例或解释。任何资源或指向此类信息的指针将不胜感激。更新:我偶然发现了thisarticle,其中概述了使用OAuth的方法。但是,它不够详细,我无法真正了解如何将其与OAuth2结合使用。 最佳答案

javascript - 如何扩展现有的 jQuery UI 小部件?

我使用的是jQueryv1.8.3和jQueryUIv1.9.2。我想扩展现有的jQueryUI小部件(在我的例子中是Autocomplete小部件),方法是添加和覆盖一些选项和方法,但保留其他功能,如官方版本中所示。我怎样才能使它成为“正确的”(也许是“标准的”)方式?P.S.:我在网上搜索(1、2、...),我发现文档大多与创建新jQueryUI小部件相关但不是扩展现有的。 最佳答案 在jQueryUI1.9+中,扩展小部件的方式与创建新小部件的方式相同。小部件工厂($.widget())支持以下几种情况:使用基本小部件($.W

javascript - JqueryUI 日期选择器 : Uncaught TypeError: Cannot read property 'settings' of undefined?

我正在开发一个asp.netMVC4项目,我在其中使用了大量的JqueryUIdatepicker。对于我的一个日期选择器,当我尝试点击日期选择器图像时出现一些错误,例如,UncaughtTypeError:Cannotreadproperty'settings'ofundefinedjquery-ui-1.10.3.min.js:9HTMLJavascriptvarcurrentDate=newDate();$("#tsDte").datepicker({dateFormat:'yy-mm-dd',maxDate:0,changeYear:true}).attr('readonly'

javascript - 禁用 jqueryui 日期选择器

我有一个与输入文本关联的jqueryui日期选择器。当我将输入文本框设置为只读时,我不希望日期选择器出现。那可能吗?我将从代码中将readonly属性设置为true或false。$(function(){$("#datepicker").datepicker();});Date:j$('#chkBoxb').click(function(){varparamChangeBoxes=j$('input:checkbox.change');if(j$(this).is(':checked')){paramChangeBoxes.removeAttr('checked');j$('#chkB

javascript - 如何将 JavaScript 小部件添加到 Wordpress.com 托管的博客中?

我有一个site它通过JavaScript提供博客友好的小部件。这些在大多数情况下都能正常工作,包括自托管的Wordpress博客。但是,对于托管在Wordpress.com上的博客,边栏文本模块中不允许使用JavaScript。有没有人看到此限制的解决方法? 最佳答案 您总是可以请求wp将您的小部件添加到他们的“批准”列表中,但谁知道这需要多长时间。您正在谈论一种规避他们制定的有关发布任意脚本的规则的方法。尤其是myspacejavascript漏洞利用提高了人们对此类解决方法可能性的认识,因此您可能很难绕过这些限制-然而,这里有

javascript - 将 jQueryUI 可排序列表与表单一起使用

我正在使用jQueryUI创建一个可排序的列表,并且UI部分工作得很好,因为我可以根据需要在网页上对项目进行排序。不过,我无法弄清楚排序列表的顺序是如何包含在POST中的。我是javascript的菜鸟,所以如果这真的很简单,请原谅我。这是我的html的相关部分:google.load("jquery","1");google.load("jqueryui","1");functionOnLoad(){$("#sortable").sortable({axis:"y",containment:"#ballot",scroll:false});$("#sortable").disable

javascript - jQuery 小部件开发 - 我可以使用 MVC 模式吗?

我一直在使用knockoutjs和backbone创建单页JavaScript应用程序。我使用backbone模型和knockoutView模型,但我也有很多UI控件,我使用jQueryUI小部件工厂创建了这些控件。我的问题是如何更好地构建我的jQuery小部件中的代码。像knockout/backbone/ember这样的框架可以很容易地在主应用程序中实现MVC类型模式,但是当涉及到小部件开发时,我最终会有一大堆输出和操作DOM元素的代码。我仍然可以测试它,因为jquery使查询DOM变得容易,但代码非常难看。理想情况下,我希望在我的小部件中也有一个MVC模式。是否有任何旨在帮助解决

javascript - 如何保护小部件免受伪造请求

假设您有一个JavaScript小部件,当且仅当用户想要点击它时,它需要向您的Web应用程序发出请求。您不希望此请求容易受到CSRF的攻击,因此您将iframe写入页面。基于origininheritancerules父站点将无法读取CSRFtoken。但是点击劫持(或likejacking)呢?由于CSRF,您必须在iframe中并且有x-frame-options帮不上忙,frame-busters也是如此.攻击者将应用SVGmask小部件加载后的iframe。此掩码将使iframe不可见。此时,攻击者可以将iframe的大小调整为页面的大小,或者让这个现在不可见的iframe跟随

javascript - 使用 jQueryUI 调整大小的句柄

我需要像这张图片一样制作可调整大小的handle。更具体地说,我需要那些蓝点在我的周围允许从不同方向调整大小。目前我正在使用以下代码:border$(function(){$('#elementResizable').resizable({handles:{'ne':'#negrip','se':'#segrip','sw':'#swgrip','nw':'#nwgrip'}});});#elementResizable{border:1pxsolid#000000;width:300px;height:40px;overflow:hidden;}#nwgrip,#negrip,#sw

php - Instagram 小部件无效返回

我想使用PHP7在我的网站上显示Instagram照片。我已经注册了我的应用程序,并从Instagram添加了clientId和secretId。但是下面的代码给了我错误:数据是非对象并且foreach是无效的论点。dataas$post):?>images->standard_resolution->url?>">images->thumbnail->url?>"> 最佳答案 您只能为自己使用此api,不能为任何其他用户使用。https://api.instagram.com/v1/users/self/media/recent/